<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>我的第一个html页面</title>
	</head>
	<body>
		<!--标题 headline-->
		<h1>一级标题</h1>
		<h2>二级标题</h2>
		<h3>三级标题</h3>
		<h4>四级标题</h4>
		<h5>五级标题</h5>
		<h6>六级标题</h6>
		<!-- 段落 p=paragraph-->
		<p>京东（股票代码：JD），中国自营式电商企业，创始人刘强东担任京东集团董事局主席兼首席执行官 [1]  。旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部等。</p>
		<p>思途三门课程：Java、UI、H5</p>
		<img src="img/jd.png"></img>
		<img src="img/jd.png" width="100px" height="100px"/>
		<!--a:超链接    target="_blank"在新窗口打开-->
		<a href="http://www.baidu.com" target="_blank">超链接到百度</a>
		<!--水平线-->
		<hr />
		<!--无序列表 ul：unorder list
			li: list item
			就是为了表达列表这种语义
		-->
		<ul>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>广州</li>
		</ul>
		<!--ol:ordered list-->
		<ol>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>广州</li>
		</ol>
		<!--无序列表和有序列表可以嵌套-->
		<ul>
			<li>北京</li>
			<li>上海</li>
			<li>深圳</li>
			<li>
				山东
				<ol>
					<li>青岛</li>
					<li>济南</li>
					<li>烟台</li>
				</ol>
			</li>
		</ul>
		
		<span><u>山东省</u><i>青岛市</i><span style="color: red;">城阳区</span><b>春阳路大润发</b></span>
		<!--换行-->
		<br />
	<!--空格折叠现象 
		如果出现回车换行，最终展示就是一个空格，如果想换行用br
		普通的空格在html里面如果连续出现多个会被当成一个空格，
		如果想显示多个连续的宫格就需要用特殊符号
		&nbsp;     Non-breaking space
	-->
	锄禾日当&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;午<br />
	汗滴禾下&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;土<br />
	谁知盘中&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;餐<br />
	粒粒皆辛&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;苦<br />
	
	<!--  
		&lt;     less than   <
		&gt;     great than  >
	-->
	&lt;h1&gt;   &copy;
	</body>
</html>
